<%@page language="java" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ include file="/view/common/taglib.jsp"%>
<%@ include file="/view/common/variable.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no"/>
<meta name="msapplication-tap-highlight" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="theme-color" content="#db5945">
<meta name="keywords" content="书香小说网,小说网,原创小说网"/>
<meta name="description" content="书香小说网,最热门的免费小说网站,提供武侠仙侠,奇幻玄幻,科幻灵异,都市言情,穿越女频,青春校园,历史军事,网游竞技,职业官场等网络热门的书籍下载跟阅读！"/>

<title>学而阅读作家后台</title>
<link rel="stylesheet" href="<%=path%>/css/review/normalize.min.css" />
<link rel="stylesheet" href="<%=path%>/css/review/swiper.min.css" />
<link rel="stylesheet" href="<%=path%>/css/review/base.css" />
<link rel="stylesheet" href="${path}/css/review/content.css" />
<script type="text/javascript" src="${path}/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${path}/js/review/flexible.js" ></script>
<script type="text/javascript" src="${path}/js/review/swiper.min.js" ></script>
<script type="text/javascript" src="${path}/js/review/zepto.min.js" ></script>

<script type="text/javascript">
	$(function() {
		var _fontSize = 1.1;
		$("#model li").on("click", function() {
			var _eventType = $(this).attr("data-event-type");
			var _detailBody = $(".detail-body");
			switch (_eventType) {
			case ("light"):
				if ($(_detailBody).hasClass("night")) {
					$(_detailBody).removeClass("night");
					$("#model li").last().text("☽");
				} else {
					$(_detailBody).addClass("night");
					$("#model li").last().text("☀");
				}
				return;
			case ("bigger"):
				if (_fontSize < 1.8) {
					_fontSize += 0.1;
				}
				$(".bookcon").css("font-size", _fontSize + "em");
				return;
			case ("smaller"):
				if (_fontSize > 0.875) {
					_fontSize -= 0.1;
				}
				$(".bookcon").css("font-size", _fontSize + "em");
			}
		});
	});
</script>
</head>

<body class="detail-body">
	<div class="book">
		<div class="bookname f42 c646464">
			<a>章节预览</a>
		</div>
		<div class="bookcatalog f48 c323232">
			<span>${bookChapter.chapterName}&nbsp;（总计：
				${bookChapter.chapterWords}字）</span>
		</div>
		<ul class="model" id="model">
			<li data-event-type="smaller">A-</li>
			<li data-event-type="bigger">A+</li>
			<li data-event-type="light">☽</li>
		</ul>

		<div class="bookcon f36">
			<p>${bookChapter.chapterContent}</p>
		</div>
	</div>
</body>
</html>